<template>
  <el-pagination class="pagination" background :current-page="currentPage4" :page-sizes="[50, 100, 300, 500]" :page-size="20" layout="total,pager,sizes" :total="400">
  </el-pagination>
</template>

<script>
export default {
  //import引入的组件
  components: {},
  //子组件引用父组件:data=data 方法@search=search使用this.emit('search', '参数');
  props: [],
  data () {
    return {
      currentPage4: 2
    };
  },
  methods: {},
  mounted () { },
};
</script>

<style>
.pagination {
  margin: 8px 0 10px;
}
.pagination .number {
  background: #fff !important;
}
.pagination .active {
  background: #409eff !important;
}
</style>